<script lang="ts" setup>
import Banner from './components/Banner.vue';
import CommunityCard from './components/CommunityCard.vue';
import EventCalendar from './components/EventCalendar.vue';
import Content from './components/Content.vue';
import JoinCommunity from './components/JoinCommunity.vue';

defineOptions({
  name: 'PageHome',
});
</script>

<template>
  <main class="page-home">
    <section>
      <Banner />

      <div class="px-20">
        <CommunityCard />
        <EventCalendar />
      </div>

      <Content />
    </section>

    <JoinCommunity />
  </main>
</template>

<style lang="scss" scoped>
</style>
